<template>
    <div class="CxjJscsFzXmPftj">
        <j-modal
            class="fztj"
            title="评分明细"
            :visible="visible"
            :width="1400"
            :maskClosable="false"
            :switchFullscreen="switchFullscreen"
            @cancel="handleCancel"
            :footer="null">
            <div class="fztjlist">
                <div class="fztjlist_top">
                    <p class="cxj_xmbh">成果编号：{{pftjdetail && pftjdetail[0] && pftjdetail[0].cxj_xmbh}}</p>
                    <div class="tableList">
                        <table style="text-align:center;" width="1360" border="" cellspacing="0" align="center" cellpadding="">
                            <tbody>
                                <tr>
                                    <td>成果名称</td>
                                    <td colspan="3" align="left" style="padding-left: 30px;">{{pftjdetail && pftjdetail[0] && pftjdetail[0].cxj_mc_zw}}</td>
                                </tr>
                                <tr>
                                    <td>申报单位</td>
                                    <td colspan="3" align="left" style="padding-left: 30px;">{{pftjdetail && pftjdetail[0] && pftjdetail[0].sbdw_qymc}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="tableList">
                        <div class="tableList_title">技术初审评分</div>
                        <table style="text-align:center;" width="1360" border="" cellspacing="0" align="center" cellpadding="">
                            <thead>
                                <tr v-if="flid == '11'">
                                    <th>专家姓名</th>
                                    <th>技术创新程度</th>
                                    <th>技术经济指标的先进程度</th>
                                    <th>推动电力科技进步的作用</th>
                                    <th>经济效益或社会效益</th>
                                    <th>实用化程度与推广应用前景</th>
                                    <th>合计</th>
                                    <th>评审意见</th>
                                </tr>
                                <tr v-if="flid == '21'">
                                    <th>专家姓名</th>
                                    <th>系统创新程度</th>
                                    <th>对企业科技水平和生产效率的影响程度</th>
                                    <th>促进解决行业发展难点问题的作用</th>
                                    <th>经济效益或社会效益</th>
                                    <th>可操作性与推广价值</th>
                                    <th>合计</th>
                                    <th>评审意见</th>
                                </tr>
                                <tr v-if="flid == '31'">
                                    <th>专家姓名</th>
                                    <th>创新程度</th>
                                    <th>标准的国际先进水平</th>
                                    <th>具有的发明专利</th>
                                    <th>标准实施后取得经济效益或社会效益</th>
                                    <th>标准实施后对促进电力行业经济和发展的作用</th>
                                    <th>合计</th>
                                    <th>评审意见</th>
                                </tr>
                                <tr v-if="flid == '41'">
                                    <th>专家姓名</th>
                                    <th>创新性</th>
                                    <th>技术先进性及技术难度</th>
                                    <th>成果推广应用价值</th>
                                    <th>成果社会及经济效益</th>
                                    <th>成果实施效果</th>
                                    <th>合计</th>
                                    <th>评审意见</th>
                                </tr>
                                <tr v-if="flid == '51'">
                                    <th>专家姓名</th>
                                    <th>专利撰写质量</th>
                                    <th>技术创新性、先进性</th>
                                    <th>与电力经济、科技、发展需求的关联密切程度</th>
                                    <th>经济效益或社会效益</th>
                                    <th>市场竞争能力</th>
                                    <th>合计</th>
                                    <th>评审意见</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for="(item, index) in pftjdetail" :key="index">
                                    <td style="width:160px;">{{item.zj_xm}}</td>
                                    <td style="width:160px;">{{item.jscs_cxx}}</td>
                                    <td style="width:180px;">{{item.jscs_xjx}}</td>
                                    <td style="width:180px;">{{item.jscs_tgjz}}</td>
                                    <td style="width:180px;">{{item.jscs_jjxy}}</td>
                                    <td style="width:180px;">{{item.jscs_ssxg}}</td>
                                    <td style="width:160px;">{{item.jscs_zongfen}}</td>
                                    <td style="width:160px;">{{item.jscs_pingjiayj}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </j-modal>
    </div>
</template>

<script>
import {
    getJscsPfmxByCxjid_js,
    getJscsPfmxByCxjid_gl,
    getJscsPfmxByCxjid_bz,
    getJscsPfmxByCxjid_xxh,
    getJscsPfmxByCxjid_zl
} from "@/api/manage"
    export default {
        name: 'CxjJscsFzXmPftj',
	    props: ['expertFlag', 'cxj_cxj_id', 'flid'],
        data() {
            return {
                visible: false,
                switchFullscreen: true,
                pftjdetail: [],
            }
        },
        watch: {
            expertFlag(next, prev) {
                if (next != prev) {
                    var self = this;
                    self.visible = !self.visible;
                    self.getData();
                }
            }
        },
        methods: {
            handleCancel(){
                this.visible = false;
            },
            getData() {
                const self = this;
                if (this.flid == '11') {
                    getJscsPfmxByCxjid_js({cxj_cxj_id: self.cxj_cxj_id}).then(res=>{
                        if (res.code == '200') {
                            self.pftjdetail = res.result;
                        }
                    })
                } else if (this.flid == '21') {
                    getJscsPfmxByCxjid_gl({cxj_cxj_id: self.cxj_cxj_id}).then(res=>{
                        if (res.code == '200') {
                            self.pftjdetail = res.result;
                        }
                    })
                } else if (this.flid == '31') {
                    getJscsPfmxByCxjid_bz({cxj_cxj_id: self.cxj_cxj_id}).then(res=>{
                        if (res.code == '200') {
                            self.pftjdetail = res.result;
                        }
                    })
                } else if (this.flid == '41') {
                    getJscsPfmxByCxjid_xxh({cxj_cxj_id: self.cxj_cxj_id}).then(res=>{
                        if (res.code == '200') {
                            self.pftjdetail = res.result;
                        }
                    })
                } else if (this.flid == '51') {
                    getJscsPfmxByCxjid_zl({cxj_cxj_id: self.cxj_cxj_id}).then(res=>{
                        if (res.code == '200') {
                            self.pftjdetail = res.result;
                        }
                    })
                }
            }
        },
        mounted() {

        }
    }
</script>

<style lang="less">
.fztj {
    &.fullscreen  {
        .ant-modal {
            width: 100%!important;
            top: 0!important;
            height: 100%!important;
            .ant-modal-content {
                max-height: 100%!important;
                height: 100%!important;
                .ant-modal-body {
                    margin-top: 0;
                }
            }
        }
    }
}
</style>
<style lang="less" scoped>
.cxj_xmbh {
    width: 100%;
    text-align: right;
}
.tableList {
    margin-top: 27px;
    .tableList_title {
        width: 100%;
        text-align: center;
        font-size: 16px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: bold;
        color: #333333;
        line-height: 60px;
    }
    .tableList {
        width: 100%;
        height: 60px;
        text-align: center;
        font-size: 16px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: bold;
        color: #333333;
        line-height: 60px;
    }
    table {
        border: 1px solid #ECEBEB;
        thead {
           background: #F5F5F5;
            tr {
                th {
                    height: 54px;
                    font-size: 16px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: bold;
                    color: #333333;
                }
            }
        }
        tbody {
            tr {
                height: 52px;
                td {
                    color: #444444;
                    font-size: 14px;
                    font-weight: 400;
                    height: 52px;
                }
            }
        }
    }
}
</style>